@CHARSET "utf-8";

.base-margin {margin: 10px;}

/* FORM CONTAINER */
.form-title {margin: 0;}
.form-title h1 {font-size: 14px; padding: 9px 0 7px 45px; margin: 0;}
.form-title h1.search {background: url("./images/search_32px.png;") no-repeat 8px;}
.form-title h1.register {background: url("./images/register_32px.png;") no-repeat 8px;}
.form-title h1.doctor {background: url("./images/doctor_32px.png;") no-repeat 8px;}
.form-title h1.login {background: url("./images/login_32px.png;") no-repeat 8px;}
.form-title .right-title {float: right; margin: 10px 10px 0 0;}

.form-container {border: 5px solid #cccccc; padding: 10px;}
.form-container .navigation {color: #245A7A;}
.form-container .navigation p {margin-bottom: 1.0em;}

/* REGISTER FORM */
table.form {border-collapse: collapse; width: 100%;}
table.form tr th {border: 1px solid #ccc; background: #f0f0f0; padding: 0.5em 1.0em; text-align: right; width: 25%;}
table.form tr th pre {display: inline; color: red; font-weight: bold; margin-right: 5px;}
table.form tr td {border: 1px solid #ccc; padding: 0.5em 1.0em;}
table.form tr td .description {font-size: 10px; color: #666; margin-top: 2px;}
table.form tr td .label {margin: 0 5px;}
table.form tr td.alignment span {float: left; width: 150px; display: block;}
table.form tr td pre {padding: 0; margin: 0;}

/* SEARCH FORM */
table.search-form {border: 3px solid #ccc; border-collapse: collapse; width: 100%;}
table.search-form tr {}
table.search-form tr th {border: 1px solid #ccc; background: #f0f0f0; padding: 0.5em 1.0em; text-align: right; width: 20%;}
table.search-form tr th pre {display: inline; color: red; font-weight: bold; margin: 0 5px 0 0;}
table.search-form tr td {border: 1px solid #ccc; padding: 0.5em 1.0em;}

/* BUTTON */
.button-container {padding: 1em 0; text-align: center;}
button {background: url("../../images/buttons/bg.png"); border: 1px solid #ccc; color: #000000; cursor: pointer; font: 0.9em arial,sans-serif; width: 80px; height: 23px; margin: 0 3px; vertical-align: top; -webkit-border-radius: 3px; -moz-border-radius: 3px;}
button.little {width: 50px; height: 22px;} /* 検索バー用 */

/* ERRORS & DESCRIPTIONS */
/*.description {color: #000000; border: 1px solid #9fc24d; background: #e5ffcc; padding: 5px; margin-bottom: 5px;}*/
.errors {color: #ff0000; font-weight: bold; padding: 0px;}
.errors p {display: block; padding: 3px 0; width: 100%;}
.errors span {display: block; padding: 3px 0; width: 100%;}
.hint {background: url("../../images/icons/hint_16px.png") no-repeat 3px; padding: 2px 0 1px 25px;}
.alert {background: #fff8dc; border: 1px solid #ffd700;}
.alert p {background: url("../../images/icons/alert_16px.png") no-repeat 3px; padding: 6px 0 5px 25px;}

ul.errorMessage {list-style: none; margin: 2px 0; padding: 0;}
ul.errorMessage li {margin: 0; padding: 2px;}
ul.errorMessage li span {color: red; font-weight: bold;}

/* Form Options */
.button-field {border-top: 1px dotted #999; margin-top: 1em; padding: 0.5em 0; text-align: center;}
.delimiter {margin-left: 1.5em; margin-right: 1.5em;}
